<template>
  <div id="adminMenu">
    <el-aside class="scroll"
      width="230px"
      style="background-color:var(--theme-bgColor-aside-nav);height: 100vh">
      <el-menu :default-openeds="['1','2','3','4']" >
        <el-submenu index="1">
          <template #title><i class="el-icon-menu"></i>功能</template>
          <el-menu-item-group>
            <template #title>常用</template>
            <el-menu-item index="4-1"><router-link to="/home">返回网站主页</router-link></el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="2">
          <template #title><i class="el-icon-menu"></i>内容管理</template>
          <el-menu-item-group>
            <template #title>电影</template>
            <el-menu-item index="1-1"><router-link to="/admin/addMovie">增加电影</router-link></el-menu-item>
            <el-menu-item index="1-2"><router-link to="/admin/MovieList">管理电影</router-link></el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group title="游戏">
            <el-menu-item index="2-1"><router-link to="/admin/addGame">增加游戏</router-link></el-menu-item>
            <el-menu-item index="2-2"><router-link to="/admin/gameList">管理游戏</router-link></el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group title="音乐">
            <el-menu-item index="3-1"><router-link to="/admin/addMusic">增加专辑</router-link></el-menu-item>
            <el-menu-item index="3-2"><router-link to="/admin/addMusicArt">增加音乐人</router-link></el-menu-item>
            <el-menu-item index="3-3"><router-link to="/admin/musicList">管理音乐</router-link></el-menu-item>
            <el-menu-item index="3-4"><router-link to="/admin/musicArtList">管理音乐人</router-link></el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="3">
          <template #title><i class="el-icon-menu"></i>举报</template>
          <el-menu-item-group>
            <template #title>审核</template>
            <el-menu-item index="3-111"><router-link to="/admin/Accusation">审核举报内容</router-link></el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="4">
          <template #title><i class="el-icon-menu"></i>用户综合管理</template>
          <el-menu-item-group>
            <template #title>用户</template>
            <el-menu-item index="4-10"><router-link to="/admin/UserInfo">用户管理</router-link></el-menu-item>
          </el-menu-item-group>
        </el-submenu>
<!--        <el-submenu index="3">-->
<!--          <template #title><i class="el-icon-setting"></i>导航三</template>-->
<!--          <el-menu-item-group>-->
<!--            <template #title>分组一</template>-->
<!--            <el-menu-item index="3-1">选项1</el-menu-item>-->
<!--            <el-menu-item index="3-2">选项2</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-menu-item-group title="分组2">-->
<!--            <el-menu-item index="3-3">选项3</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-submenu index="3-4">-->
<!--            <template #title>选项4</template>-->
<!--            <el-menu-item index="3-4-1">选项4-1</el-menu-item>-->
<!--          </el-submenu>-->
<!--        </el-submenu>-->
      </el-menu>
    </el-aside>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  };
</script>

<style lang="less" scoped>

  .el-aside {
    color: #333;
  }

</style>
